<template>
  <div
    class="view-box"
    :style="{
      'background-image':`url(${background.image})`,
      'background-color':background.color,
      width:dpi.width + 'px',
      height:dpi.height + 'px',
    }"
  >
    <slot />
  </div>
</template>

<script>
import './ck-content.css'
import dataApi from './data-api'
export default {
  computed: {
    dpi () {
      return dataApi.core.dpi
    },
    background () {
      return dataApi.core.background
    }
  }
}
</script>

<style scoped>
.view-box {
  position: relative;
  width: 1024px;
  height: 1920px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
</style>
